<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>学习CSS3</title>
		<style>
			/* 引入样式表写法  缺陷：先html 后css */
			@import url(css/学习CSS3.css);
			 
			/* 需求：5个p添加背景颜色	*/
			p{
				background-color:aqua;
			}
			
		</style>
		<!-- 项目专用：外部样式表  找到外部的CSS文件 
		link元素【可以为多个】 href="相对路径+xxx.css"
		-->
		<li nk rel="stylesheet" href="css/学习CSS3.css">
	</head>
	<body>
		<!-- 文本元素群：文本元素 -->
		<span>今天</span>是周四，<span>明天</span>是周五，<span>后天</span>是放假
		<!-- 一，什么是CSS
		        Cascading Style Sheets 层叠样式表，级联样式表，简称样式表
				【主要作用：效果，布局】
				使用：HTML5+CSS3构建网页
				HTML5结构层     元素     属性与属性值  功能：效果
				问题：针对单个元素
				CSS3样式层     元素     属性与属性值   功能：效果
				解决html中属性与属性值针对单个元素操作的问题
				实现内容与表现分离，解决代码冗余
			二，使用CSS样式表【4种】【重点】
		【不用】①内联【级联】样式表：任意元素前标记上添加style属性=“属性：属性值；”
	【练习专用】②内部样式表  在head元素中，添加style元素，编写CSS基本语法
	【项目专用】③外部样式表  在head元素中，添加ink外链元素，编写CSS基本语法
	   【不用】④引入样式表   CSS2语法：在head元素中，添加style元素，添加@import url();
			三，CSS3基础语法
			选择器{
				属性：属性值；
				属性：属性值；
				....
			}
			选择器（16种）：抓取页面元素
			属性：属性值；抓到元素的效果与布局
			效果与布局：边框，颜色，文本字体，盒模型，浮动，动画...
			
		 -->
		 <p align="center">lorem</p>
		 <p align="center">lorem</p>
		 <!-- ①内联样式表语法规则：style="css属性:css属性值；css属性:css属性值；"-->
		 <p style="text-align: center;color: red">lorem</p>  <!--:后+空格 ； -->
		 <p align="center">lorem</p>
		 <p align="center">lorem</p>
	</body>
</html>